/* Default CSS */
*
{
	margin: 0;
	padding: 0;
}

a, a:hover, a:link, a:visited
{
	color: #fff;
	text-decoration: none;
	margin: 0;
	padding: 0;
}

body
{
	font-family: arial, tahoma, verdana, 'times new roman';
	border: 0;
	padding: 0;
	margin: 0;
	background-image: url(   '../Images/bgnd/bg.jpg' );
	background-repeat: repeat;
}
img
{
	border: 0;
	padding: 0;
	margin: 0;
}
#top
{
	background-image: url(   '../Images/bgnd/top.jpg' );
	background-repeat: repeat-x;
	height: 60px;
}
#header-top
{
	margin: auto;
	width: 980px;
}
#header-top, #bottom
{
	font-family: verdana, arial;
	font-style: normal;
	font-size: 11px;
	color: #dfe5fd;
}
#header-top span
{
	color: #6a87a3;
}
#header-top-left
{
	padding: 16px 0;
	text-align: left;
	max-width: 600px;
	float: left;
}
#header-top-right
{
	padding: 11px 10px;
	clear: right;
	float: right;
}
#social-net
{
	float: right;
	padding: 7px 10px;
}
#social-net img
{
	 padding: 0 0 0 5px;
	 width: 18px;
	 height: 18px;
}
#sbox
{
	float: right;
}
#sbox .search-box
{
	background: url(   '../Images/bgnd/box.png' ) no-repeat scroll 0 0 transparent;
	border: 0 none;
	color: #FFFFFF;
	width: 160px;
	height: 20px;
	padding: 5px 28px 5px 5px;
}
/* #sbox img{
position:relative;
top:2px;
left:5px;
} */
#header
{
	margin: 0 auto;
	width: 950px;
	height: 139px;
}
.logo
{
	width: 395px;
	height: 135px;
}

.logo img
{
	max-height: 135px;
	max-width: 390px;
}

.menu
{
	width: 550px;
	height: 100px;
	float: left;
	text-align: right;
}

#slideshow
{
	margin: 0 auto;
	width: 950px;
	height: 280px;
}
#wrapper
{
	min-height: 400px;
	width: 950px;
	margin: 0 auto;
	overflow:hidden;
}
/*
#btnSubmit{
background-image:url('../bgnd/search.png');
background-repeat:no-repeat;
border:0;
height:18px;
width:20px;
}*/




#nav-about
{
	background-color: #0F131F;
	box-shadow: 0 0 5px #000000;
	text-align: center;
	width: 100%;
	padding-top: 15px;
}

/*Button---------------------------------------------*/
.button
{
	float: left;
	padding: 9px;
}

.button a, .button a:link, .button a:visited
{
	background: none repeat scroll 0 0 #1C72A1;
	font-size: 15px;
	font-weight: bold;
	margin-left: 10px;
	padding: 6px;
	border: 1px solid transparent;
	color: White;
}


.button a:hover
{
	border: solid 1px #ffffff;
}


/*Footer -----------------------------------*/

#footer
{
	background-image: url(   '../Images/bgnd/fot.jpg' );
	background-repeat: repeat-x;
	height: 62px;
}
#copyright
{
	margin: auto;
	width: 980px;
	padding: 24px 0;
}
#s1
{
	float: left;
}
#s2
{
	float: right;
}

#footer #s2 a, #footer a:link, #footer a:visited
{
	color: White;
	font-size: 11px;
}
#footer #s2 a:hover
{
	color: #367795;
}

#footer-about
{
	background-color: #0F131F;
    height: 224px;
    margin: 0 auto;
    width: 951px;
}
.footer-control
{
	float: left;
	overflow: hidden;
	margin-left: 10px;
}
#footer-about h2.h2-header
{
	font-size: 20px;
	width: 100%;
	text-align: center;
	color: #dfe5fd;
}

.footer-control .content
{
	margin-top: 10px;
	overflow: hidden;
}



/*Exchange UC --------------------------*/
#ExchangeUC
{
	width: 220px;
}

#ExchangeUC .exrate
{
	background-color: #CCCCCC;
	height: 148px;
	width: 98%;
}

#ExchangeUC table
{
	color: White;
	font-size: 14px;
	margin-top: -150px;
	overflow: hidden;
	width: 100%;
}


#ExchangeUC table tr td
{
	/*border: solid 2px #b0b5b9;*/
	width: 50%;
	height: 28px;
	text-align: center;
}

#ExchangeUC table tr.dong0
{
	background: #191f2f;
}

#ExchangeUC table tr.dong1
{
	background: #434a59;
}

/*Catalogue footer----------------------------------*/
#CatalogueFooter .images
{
	height: 144px;
	width: 282px;
	margin: 22px 50px 0 60px;
	text-decoration: none;
}

#CatalogueFooter .images a img
{
	float: left;
	margin: 10px 0 0 10px;
}

#CatalogueFooter .images a:hover img
{
	box-shadow: 0 0 2px #004090;
}

/*LatestNewFooterUC---------------------------------*/
#LatestNewFooterUC
{
	background: url(   "../Images/LatestNew.png" ) no-repeat scroll 0 0 transparent;
	height: 200px;
	width: 309px;
	font-size: 12px;
}
#LatestNewFooterUC .title
{
	color: #B8E3F6;
	font-size: 16px;
	margin-left: 10px;
	margin-top: 18px;
	text-align: left;
}
#LatestNewFooterUC .short-content
{
	float: left;
	height: 60px;
	margin-left: 10px;
	margin-top: 5px;
	text-align: justify;
	width: 92%;
	color: #367795;
}

#LatestNewFooterUC .time
{
	float: left;
	margin: 10px;
	text-align: left;
	width: 50%;
	color: #325364;
}

#LatestNewFooterUC .button
{
	float: left;
	padding: 9px;
}

#LatestNewFooterUC .button a
{
	background: none repeat scroll 0 0 #1C72A1;
	font-size: 15px;
	font-weight: bold;
	margin-left: 10px;
	padding: 6px;
	border: 1px solid transparent;
	color: White;
}


#LatestNewFooterUC .button a:hover
{
	border: solid 1px #ffffff;
}

/*Get in Touch UC --------------------------------------------*/

#GetInTouchUC
{
	float: left;
	width: 100%;
}

#GetInTouchUC h2
{
	font-size: 20px;
	color: #FFFFFF;	
	margin-left: 40px;
}

#GetInTouchUC .style-getintouch
{
	background-image: url(   '../Images/wrapper/getintouch.png' );
	width: 100%;
	height: 36px;
	padding-top: 10px;
}

#GetInTouchUC .style-contact
{
	background-image: url(   '../Images/wrapper/nen.png' );
	width: 100%;
	height: 220px;
	padding: 10px 0 10px 0;
}

#GetInTouchUC .style-contact-1
{
	width: 100%;
	height: 55px;
}
#GetInTouchUC .style-contact-2
{
	background-image: url(   '../Images/wrapper/nen.png' );
	background-repeat: repeat;
	width: 100%;
	height: 50px;
	margin-top: 15px;
	padding-top: 20px;
}
#GetInTouchUC .style-contact-1 h3
{
	color: #FFFFFF;
	font-size: 15px;
}
#GetInTouchUC .style-contact-1 h4
{
	color: #6a7796;
	font-size: 12px;
}

#GetInTouchUC .style-contact-1 h4 a, #GetInTouchUC .style-contact-1 h4 a:link
{
	color: #6a7796;
	font-size: 12px;
}

#GetInTouchUC .style-contact-1 h4 a:hover, #GetInTouchUC .style-contact-1 h4 a:visited
{
	color: #417799;
}

#GetInTouchUC .contact-ico
{
	width: 20%;
	text-align: right;
	height: 40px;
	padding-top: 10px;
	float: left;
}

#GetInTouchUC .contact-text
{
	width: 69%;
	text-align: left;
	height: 40px;
	padding-top: 10px;
	padding-left: 20px;
	float: right;
	clear: right;
}

#GetInTouchUC .style-contact-2 img
{
	margin-left: 15px;
}




/*PannerLogo UC ---------------------------------------*/
#PannerLogoUC
{
	background-image: url(   "../Images/bgnd/bg.jpg" );
	background-repeat: repeat;
	height: 44px;
	margin-top: 8px;
	width: 100%;
}

#PannerLogoUC a img
{
	float: left;
	margin: 0 5px 0 5px;
	width: 133px;
	height: 38px;
	border: 2px 0;
}

#PannerLogoUC a:hover img
{
	border: 20px sloid #ffffff;
}

/*Wrapper -------------------------------------------------------------*/

#content #style-content
{
	background-image: url(   "../Images/wrapper/nen.png" );
	background-repeat: repeat;
	box-shadow: 0 0 3px #111111;
	height: 412px;
	width: 950px;
}

#content #style-content h2
{
	font-size: 20px;
	color: #FFFFFF;
	width: 235px;
	margin-left: 40px;
}
#content #style-content ul
{
	list-style: none outside none;
	margin: 0;
	padding: 0;
}
#content #style-content ul li
{
	float: left;
	position: relative;
}


#content #style-content .style-1
{
	box-shadow: 0 0 2px #121212;
	float: left;
	height: 370px;
	margin: 20px 0 15px 20px;
	width: 290px;
}

#content #style-content .style-1-new
{
	background-image: url(   '../Images/wrapper/nen.png' );
	background-repeat: repeat;
	font-size: 14px;
	color: #6a7796;
	height: 324px;
	width: 290px;
}

#content #style-content .style-head
{
	background-image: url(   '../Images/wrapper/about.png' );
	height: 36px;
	width: 290px;
	padding-top: 10px;
}

#content #style-content #AboutCompanyUC .img, #content #style-content #OutProductsUC .img 
{
	border: 1px solid #666;
    height: 90px;
    margin: 20px;
    padding: 0;
    width: 250px;
}

#content #style-content #AboutCompanyUC img, #content #style-content #OutProductsUC img
{
	height: 100%;
	width: 100%;
	padding: 0;
}

#content #style-content .title
{
	color: #fff;
	float: left;
	margin: 0 20px 0 20px;
	text-align: left;
	font-size: 16px;
	font-weight: bold;
}

#content #style-content .time
{
	color: #325364;
	float: left;
	margin: 5px 20px 0 20px;
	text-align: left;
	width: 50%;
	font-size: 12px;
}

#content #style-content .short-content
{
	float: left;
	height: 66px;
	margin: 10px 20px;	
	font-size: 14px;
}

/*List News UC ----------------------------------------------------*/
#listnewsUc
{
	background-image: url(  "../Images/wrapper/nen.png" );
	overflow: hidden;
	margin: 0;
	padding: 10px;
}

#listnewsUc .item
{
	border-bottom: 1px solid #414262;
	margin-bottom: 10px;
	padding-bottom: 10px;
	overflow: hidden;
}

#listnewsUc .item .meta
{
	color: #A3A3A3;
	float: left;
	font-size: 11px;
	width: 100%;
}

#listnewsUc .item .img
{
	border: 1px solid #666;
	float: left;
	margin: 0 10px 10px 0;
	padding: 3px;
	text-align: center;
	width: 135px;
}

#listnewsUc .item .img img
{
	max-height: 140px;
	width: 135px;
}
#listnewsUc .item .subtitle
{
	color: #555555;
	font-size: 11px;
	font-weight: bold;
}

#listnewsUc .item .sapo
{
	  color: #6A7796;
    font-size: 13px;
    text-align: justify;
}

#listnewsUc .item .title
{
	margin-bottom: 5px;
}

#listnewsUc .item .title a
{
	font-size: 16px;
	font-weight: 700;
}

#listnewsUc .pagercontainer
{
	margin: 10px auto;
	text-align: center;
	width: 100%;
}

#listnewsUc .pagercontainer a, #listnewsUc .pagercontainer div
{
	border: 1px solid #C9C9C9;
	color: #C9C9C9;
	display: block;
	float: left;
	margin: 0 5px;
	padding: 0 5px;
	text-decoration: none;
}


#listnewsUc .pagercontainer .currentpage, #listnewsUc .pagercontainer a:hover
{
	background-color: #367795;
    border: 1px solid #C9C9C9;
    color: #fff !important;
}

